<template>
    <div class="page">
        <div class="artical">
            <div class="head">
                <div class="title">
                    <p class="title_down_red_line_1"> </p>
                    <div class="head_center">
                        <p class="artical_title_xiushi">>></p>
                        <div class="artical_title">
                            <p class="artical_title_left">总经理</p>
                            <p class="artical_title_right">承诺</p>
                        </div>
                        <p class="artical_title_xiushi"><<</p>
                    </div>
                    <p class="title_down_red_line_1"> </p>
                </div>
                <p class="artical_content">
                                金隅要铁肩担道义，勇于承担产业使命、国企使命。要为股东创造价值， 实现国有资产的保值增值， 要为客户创造价值， 使客户发展更健康， 要为员工创造价值， 促进员工专业化发展， 要为社会创造价值， 实现企业的健康和谐发展。要对股东负责、对客户负责、对员工负责、对社会负责，诚信为本，尊重员工，开放创新， 勇于担当。

 作为国有大型综合性产业集团和公众公司， 要坚持不断开拓创新， 不断提升产品价值，为社会提供一流的高品质的居住服务，努力打造金隅品质，改善人居环境，让用户、员工等利益相关方享受健康、精美、优质的生活，为增进社会福祉，参与社会分工，促进行业发展，推动社会进步承担应尽的责任和义务。

北京金隅坚持以科学发展观为统领，依托国内、国际资本市场，进一步实施“走出去”战略，优化产业布局，加强资源整合，通过建立与国际标准接轨的经营管理模式，打造一流的战略、一流的人才、一流的管理、一流的品牌，努力使水泥及预拌混凝土、新型建材制造、房地产开发、物业投资与管理等四大产业板块成为全国行业标杆， 跻身全球同行业前列， 整体提升企业综合竞争实力， 进入世界500强行列。

北京金隅积极践行社会责任，保护和改善自然环境及人文环境，促进社会和谐发展、人民安居乐业，提升中国企业在国际社会的形象，成为国际一流大型产业集团。

                            </p>
            </div>
        </div>
        <div class="tail">
            <p class="down_red_line_4"> </p>
            <p class="down_red_line_1"> </p>
        </div>
    </div>
</template>

<script>

import {Api} from '../../../api/index.js'

 
export default {
     data() {
         return {
             type1Clicked: true,
             type2Clicked: false,
             type3Clicked: false,
             artical:{}
        }
    },
    mounted(){
       
    },
    methods:{
        queryNotice(type){
            console.log(type);
           if(type == '1'){
               this.type1Clicked = true;
               this.type2Clicked = false;
               this.type3Clicked = false;
           }else if(type == '2'){
               this.type1Clicked = false;
               this.type2Clicked = true;
               this.type3Clicked = false;
           }else if(type == '3'){
               this.type1Clicked = false;
               this.type2Clicked = false;
               this.type3Clicked = true;
           }
        },
        formatDate(date, fmt) {
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
            }
            let o = {
                'M+': date.getMonth() + 1,
                'd+': date.getDate(),
                'h+': date.getHours(),
                'm+': date.getMinutes(),
                's+': date.getSeconds()
            };
            for (let k in o) {
                if (new RegExp(`(${k})`).test(fmt)) {
                    let str = o[k] + '';
                    fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : this.padLeftZero(str));
                }
            }
            return fmt;
        },
        padLeftZero(str) {
            return ('00' + str).substr(str.length);
        },
    },
    computed:{
        clicked1Class:function(){
            return {
                type1ClickedClass : this.type1Clicked,
            }
        },
        clicked2Class:function(){
            return {
                type2ClickedClass : this.type2Clicked,
            }
        },
        clicked3Class:function(){
            return {
                type3ClickedClass : this.type3Clicked,
            }
        }
    }

}

</script>


<style scoped>

.page{
    width:100%;
    height: 100%;
    background: #F4F5F6;
    display:flex;
    flex-direction: column;
    align-items: center;
}

.artical{
    background-image: url("../../../assets/bbmg/safe/promise_bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-color:#fff;
    width: 1200px;
    margin-top:20px;
    margin-bottom:30px;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
}

.head{
    margin-top:43px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title{
    width:1100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head_center{
    display: flex;
    justify-content: space-between;
    align-items:center;
    width:220px;
}

.artical_title{
    display: flex;
    width:150px;
}

.title_down_red_line_1{
    width:440px;
    height: 1px;
    background: #FEDEDE;
}

.artical_title_xiushi{  
    font-weight:  1000;
    color: #D80200;
}

.artical_title_left{
    font-size: 30px;
    font-family: MF ZhenSong(Noncommercial);
    font-weight: 400;
    color: #333333;
    line-height: 38px;
}

.artical_title_right{
    font-size: 30px;
    font-family: MF ZhenSong(Noncommercial);
    font-weight: 400;
    color: #F65555;
    line-height: 38px;
}

.artical_content{
    margin-top:38px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
}

.tail{
    margin-bottom: 30px;
}

.down_red_line_4{
    margin-top:22px;
    width:1200px;
    height: 4px;
    background-color: red;
}

.down_red_line_1{
    margin-top:3px;
    width:1200px;
    height: 1px;
    background-color: red;
}

.down_company_info{
    margin-top: 24px;
    margin-bottom: 24px;
    width: 1200px;
    height: 13px;
    text-align: center;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ADADAD;
    line-height: 24px;
}

</style>
